<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8" />
		<meta content="深圳消消乐,龙华专业杀虫公司,龙华专业消杀公司,福田专业杀虫公司,福田专业消杀公司,龙华办公室写字楼消杀,福田办公室写字楼消杀,四害消杀,龙华小区城中村四害消杀,福田小区城中村四害消杀,深圳消消乐,老鼠,蟑螂,蚊蝇,白蚁,酒店娱乐场所专业消杀,龙华小区城中村四害消杀,福田小区城中村四害消杀,18038146110" name="description">
		<meta content="龙华杀虫,龙华消杀,福田杀虫,福田消杀,龙华办公室写字楼消杀,福田办公室写字楼消杀，四害消杀" name="keywords">
		<title>【深圳四害消杀，专业四害消杀，消毒】深圳市消消乐有害生物防治有限公司-官网</title>
		<script type="text/javascript" src="js/swiper.min.js"></script>
		<link rel="stylesheet" href="css/swiper.min.css" />
		<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
		<script src="js/xs.js"></script>
		<script type="text/javascript" src="js/global.js?v=1"></script>
		<link rel="stylesheet" href="css/animation.css" />
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/style.css?v=04" />
	</head>
	<body>
		<div class="container bg-white">
			<div id="head"></div>
			<div class="banner row">
				<div class="swiper-container swiper0">
					<div class="swiper-wrapper">
						<div class="swiper-slide ss0"><img src="img/banner4.jpg" width="100%"></div>
						<div class="swiper-slide ss0"><img src="img/banner5.jpg" width="100%"></div>
						<div class="swiper-slide ss0"><img src="img/banner6.jpg" width="100%"></div>
					</div>
					<div class="swiper-pagination"></div>
					<div class="swiper-button-next"></div>
					<div class="swiper-button-prev"></div>
				</div>
			</div>

			<div class="row" style="margin-top: 20px;">
				<div class="col-8 p-0">
					<div class="card">
						<div class="cardHead">
							<div class="float-left">
								<img class="float-left" src="img/zxq3.jpg" / style="margin-top: 7px;margin-right: 3px;">
								<div class="titleIco float-left">公司简介</div>
							</div>
							<div class="float-right">
								<a href="http://szxxlsw.com/content.html?pId=1"><img class="float-left" src="img/mores.gif" / style="margin-top: 10px;"></a>
							</div>
						</div>
						<div class="cardBody" style="height:210px;">
							<img id="cImg" class="float-left m-3" src="" height="170px" width="280px" />
							<p id="cCont" class="c666 p-3 overflow-hidden" style="line-height: 23px;height: 200px;overflow: hidden;"></p>
						</div>
					</div>
				</div>
				<div class="col-4 p-0">
					<div class="card" style="margin-left: 15px;">
						<div class="cardHead">
							<div class="float-left">
								<img class="float-left" src="img/zxq3.jpg" / style="margin-top: 7px;margin-right: 3px;">
								<div class="titleIco float-left">联系我们</div>
							</div>
							<div class="float-right">
								<a href="http://szxxlsw.com/content1.html?pId=6"><img class="float-left" src="img/mores.gif" / style="margin-top: 10px;"></a>
							</div>
						</div>
						<div id="contact" class="cardBody p-3 c666" style="background: url(img/20130530101646794679.jpg) right bottom no-repeat;height: 210px;line-height: 25px;overflow: hidden;">
						</div>
					</div>
				</div>
			</div>

			<div class="row" style="margin-top: 20px;">
				<div class="col-4 p-0">
					<div class="card">
						<div class="cardHead">
							<div class="float-left">
								<img class="float-left" src="img/zxq3.jpg" / style="margin-top: 7px;margin-right: 3px;">
								<div class="titleIco float-left">公司新闻</div>
							</div>
							<div class="float-right">
								<a href="http://szxxlsw.com/articleList.html?pId=2&nId=85"><img class="float-left" src="img/mores.gif" / style="margin-top: 10px;"></a>
							</div>
						</div>
						<div class="cardBody p-3" style="height: 260px;">
							<div style="border: 1px solid #f0f0f0;padding: 5px;"><img src="img/zxqa1.jpg" width="100%" /></div>
							<ul class="newUl" id="new1"></ul>
						</div>
					</div>
				</div>
				<div class="col-4 p-0">
					<div class="card" style="margin-left: 15px;">
						<div class="cardHead">
							<div class="float-left">
								<img class="float-left" src="img/zxq3.jpg" / style="margin-top: 7px;margin-right: 3px;">
								<div class="titleIco float-left">行业新闻</div>
							</div>
							<div class="float-right">
								<a href="http://szxxlsw.com/articleList.html?pId=2&nId=86"><img class="float-left" src="img/mores.gif" / style="margin-top: 10px;"></a>
							</div>
						</div>
						<div class="cardBody p-3" style="height: 260px;">
							<div style="border: 1px solid #f0f0f0;padding: 5px;"><img src="img/zxqa2.jpg" width="100%" /></div>
							<ul class="newUl" id="new2"></ul>
						</div>
					</div>
				</div>
				<div class="col-4 p-0">
					<div class="card" style="margin-left: 15px;">
						<div class="cardHead">
							<div class="float-left">
								<img class="float-left" src="img/zxq3.jpg" / style="margin-top: 7px;margin-right: 3px;">
								<div class="titleIco float-left">荣誉资质</div>
							</div>
							<!--<div class="float-right">
								<a href="#"><img class="float-left" src="img/mores.gif" / style="margin-top: 10px;"></a>
							</div>-->
						</div>
						<div class="cardBody" style="height: 260px;">

							<div class="swiper-container swiper1">
								<div class="swiper-wrapper">
									<div onclick="window.location.href = 'http://szxxlsw.com/content.html?pId=1&nId=91'" class="swiper-slide ss1" style="background-image:url(img/zz.jpg?v=0);">
									</div>
									<div onclick="window.location.href = 'http://szxxlsw.com/content.html?pId=1&nId=91'" class="swiper-slide ss1" style="background-image:url(img/zz2.jpg);">
									</div>
									<div onclick="window.location.href = 'http://szxxlsw.com/content.html?pId=1&nId=91'" class="swiper-slide ss1" style="background-image:url(img/zz3.jpg);">
									</div>
									<div onclick="window.location.href = 'http://szxxlsw.com/content.html?pId=1&nId=91'" class="swiper-slide ss1" style="background-image:url(img/zz4.jpg);">
									</div>
									<div onclick="window.location.href = 'http://szxxlsw.com/content.html?pId=1&nId=91'" class="swiper-slide ss1" style="background-image:url(img/zz5.jpg);">
									</div>
									<div onclick="window.location.href = 'http://szxxlsw.com/content.html?pId=1&nId=91'" class="swiper-slide ss1" style="background-image:url(img/zz6.jpg);">
									</div>
									<div onclick="window.location.href = 'http://szxxlsw.com/content.html?pId=1&nId=91'" class="swiper-slide ss1" style="background-image:url(img/zz7.jpg);">
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="row card" style="margin-top: 20px;">
				<div class="cardHead">
					<div class="float-left">
						<img class="float-left" src="img/zxq3.jpg" / style="margin-top: 7px;margin-right: 3px;">
						<div class="titleIco float-left">产品展示</div>
					</div>
					<div class="float-right">
						<a href="http://szxxlsw.com/projectList.html?pId=4"><img class="float-left" src="img/mores.gif" / style="margin-top: 10px;"></a>
					</div>
				</div>
				
				
				<div class="swiper-container swiper2 p-3">
			    <div id="projectList" class="swiper-wrapper">
			    </div>
			    <!-- Add Pagination -->
			    <div class="swiper-pagination"></div>
			  </div>
							
				
			</div>

			<div class="row" style="margin-top: 20px;">
				<div class="col-12 p-0">
					<div class="card">
						<div class="cardHead">
							<div class="float-left">
								<img class="float-left" src="img/zxq3.jpg" / style="margin-top: 7px;margin-right: 3px;">
								<div class="titleIco float-left">客户案例</div>
							</div>
							<div class="float-right">
								<a href="http://szxxlsw.com/caseList.html?pId=5"><img class="float-left" src="img/mores.gif" / style="margin-top: 10px;"></a>
							</div>
						</div>
						<div class="cardBody container-fluid">
							<div id="case" class="row" style="padding-top:30px;"></div>
						</div>
					</div>
					<div id="foot"></div>
				</div>

			</div>

			

			<!--在线客服  -->
			<div class="scrollsidebar" id="scrollsidebar"></div>

		</div>

		<script>
			$(function(){
			var swiper0 = new Swiper('.swiper0', {
				autoHeight: true,
				spaceBetween: 20,
				loop: true,
				autoplay: true,
				effect: 'fade',
				pagination: {
					el: '.sp0',
					clickable: true,
				},
				navigation: {
					nextEl: '.swiper-button-next',
					prevEl: '.swiper-button-prev',
				}
			});
			var swiper1 = new Swiper('.swiper1', {
				loop: true,
				autoplay: true,
				effect: 'cube',
			});

			var dataList = []
			getNav2(2)
			getNav2(8)

			function getNav2(pId) {
				//查询二级栏目
				$.ajax({
					type: "POST",
					async: false,
					url: baseURL + "lable/queryWebLableList.do",
					data: {
						pId: pId
					},
					dataType: "json",
					success: function(res) {
						dataList = res.data

						if(pId == "2") {
							qureryNews(dataList[0].id, "new1", 5)
							qureryNews(dataList[1].id, "new2", 5)
						}
					}
				});

				//查询文章（全部）
				function qureryNews(id, type, num) {
					$.ajax({
						type: "POST",
						async: false,
						url: baseURL + "article/queryList.do",
						data: {
							lableId: id,
							pageNo: "1",
							pageSize: num,
							isShow: "1"
						},
						dataType: "json",
						success: function(res) {
							console.log({
								查询文章: res.data.list
							})
							res.data.list.forEach(item => {
								if(type == "new1") {
									$("#new1").append(`<li class="text-truncate"> > <a href="./article.html?pId=2&nId=52&aId=${item.id}">${item.title}</a></li>`)
								}
								if(type == "new2") {
									$("#new2").append(`<li class="text-truncate"> > <a href="./article.html?pId=2&nId=53&aId=${item.id}">${item.title}</a></li>`)
								}

							})

						}
					});
				}
			}

			$.ajax({
				type: "POST",
				async: false,
				url: baseURL + "article/queryAllArticleByPId.do",
				data: {
					pId: "4",
					isShow: "1"
				},
				dataType: "json",
				success: function(res2) {
					console.log({"产品列表":res2})
					res2.data.forEach(item => {
						$("#projectList").append(`<a href="project.html?pId=4&aId=${item.id}" class="swiper-slide ss2"><img src="${JSON.parse(item.imageUrl)[0]}" width="100%"><p class="text-center">${item.title}</p></a>`)
					})
					var swiper2 = new Swiper('.swiper2', {
						slidesPerView: 4,
      					spaceBetween: 0,
      					speed:500,
      					autoplay : true,
					    autoplay: {
					      delay: 2000,
					      disableOnInteraction: false,
					      waitForTransition: true,
					    },
						navigation: {
							nextEl: '.swiper-button-next',
							prevEl: '.swiper-button-prev',
						}
					});
					
				}
			});

			$.ajax({
				type: "POST",
				async: false,
				url: baseURL + "article/queryAllArticleByPId.do",
				data: {
					pId: "5",
					isShow: "1"
				},
				dataType: "json",
				success: function(res) {
					res.data.forEach(item => {
						$("#case").append(`<a href="case.html?pId=5&aId=${item.id}" class="col-3 p-0" style="margin-bottom: 50px;"><div class="caseItem"><img src="${JSON.parse(item.imageUrl)[0]}" width="100%" height="100%"/><p class="caseItemTxt text-center">${item.title}</p></div></a>`)
					})
				}
			});
			
			
			
			})
		</script>
	</body>

</html>